<template>
	<view>
		<!-- 列表 -->
		<todolist :todolist="todolist"></todolist>
		<!-- 发布 -->
		<todosend @sendContent="addTodo"></todosend>
	</view>
</template>

<script>
	import {
		ref,
		toRefs,
		reactive
	} from 'vue';
	export default {
		setup() {
			uni.setNavigationBarTitle({
				title: "待办事项"
			})
			uni.setNavigationBarColor({
				backgroundColor: "#cd5453",
				frontColor: "#ffffff"
			})

			//总数据
			const todolist = ref([{
				title: "这是一个教学任务",
				content: "这个任务默认就会被显示出来，大家要点击标题才能看见！！！",
				time: '2022年11月10日',
				view:false
			}])

			//添加一条数据
			const addTodo = (todo) => {
				todolist.value.push(todo);

				console.log("总数据", todolist);
			}

			return {
				addTodo,
				todolist
			}
		}
	}
</script>

<style scoped>

</style>
